<template>
  <section class="bg-gray-fa lg:pt-20 lg:pb-14 py-9 text-center">
    <div class="lg:text-3xl text-xl font-bold mx-5">
      <span class="lg:inline hidden">智慧考勤 · </span>
      面临的问题 - 难以实时获悉园所出勤数据
    </div>
    <div class="lg:text-lg text-sm text-gray-66 lg:mt-4 mt-2 mx-5">
      提高出勤率需要及时拿到准确的出勤数据，汇总后对比分析后，找出出勤率低的原因
    </div>
    <div class="mt-14 container mx-auto lg:flex lg:space-x-10">
      <img
        src="@/assets/img/kid11.png"
        class="lg:w-[535px] w-full lg:pr-0 pr-3"
        alt=""
      />

      <ul
        class="
          text-left
          lg:mt-0
          mt-4
          px-4
          w-full
          lg:w-[577px] lg:space-y-12
          space-y-6
        "
      >
        <li class="" v-for="(item, index) in list" :key="index">
          <div class="text-gray-66 lg:text-sm text-xs !leading-6">
            {{ item }}
          </div>
        </li>
      </ul>
    </div>
  </section>
</template>

<script>
export default {
  data() {
    return {
      list: [
        "出勤率的降低直接影响幼儿园的生存和发展，据统计，出勤率每下降1%，利润减少3.21%。 ",
        "出勤率的降低直接关系到教师的工资待遇，关乎到团队的稳定。 ",
        "出勤率低说明班级管理出现了问题，反映了家长对幼儿园的认可度，不重视会导致退学，甚至影响长远招生。",
      ],
    };
  },
};
</script>
